<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta name="author" content="中文Lee 360811363@qq.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="lizhongwen@lizhongwen.com">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../css/public.css" media="all">
    <link rel="stylesheet" href="../../../lib/ext/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
    <!--
    * [LupMisNotAllowedSync]
    * 本代码为系统自动生成代码，请根据自己业务进行修改;
    * 生成时间 2022-02-15 18:29:17;
    * 版权所有 2020-2022 lizhongwen，并保留所有权利;
    * 说明: 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用；不允许对程序代码以任何形式任何目的的再发布;
    * 作者: 中文Lee;
    * 作者主页: http://www.lizhongwen.com;
    * 邮箱: 360811363@qq.com;
    * QQ: 360811363;
    -->

    <style type="text/css">
        .node_name input {
            padding: 5px;
        }
        
        .ztree li span {
            max-width: 240px;
        }
        
        .layui-form-select input {
            padding-left: 20px;
        }
        
        .multi dl dd.layui-this {
            background-color: #fff
        }
    </style>

</head>

<body style="overflow-y:hidden">
    <div class="layui-card layui-anim">

        <div class="layui-card-body">
            <form class="layui-form" action="#" onsubmit="return false">
                <div class="layui-row">
<!--                    <button type="button" class="layui-btn layui-btn-sm" onclick="createNewNodes(null,0)">新建</button>-->
                    <button type="button" class="layui-btn layui-btn-warm layui-btn-sm" onclick="treeDemoObj.expandAll(true)">展开</button>
                    <button type="button" class="layui-btn layui-btn-danger layui-btn-sm" onclick="treeDemoObj.expandAll(false)">收缩</button>

                    <button type="button" class="layui-btn layui-btn-sm" style="background:green" onclick="zTreeMoveNode('prev')">上移</button>
                    <button type="button" class="layui-btn layui-btn-sm" style="background:#1e9fff" onclick="zTreeMoveNode('next')">下移</button>



                    <button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="org_name" style="background:#999;float:right">未选择机构</button>
                </div>
                <div class="layui-row">
                    <hr>
                </div>
                <div class="layui-row  layui-form-item" style="display: -webkit-flex;display: flex;">
                    <!-- 左侧区域start -->
                    <div class="scroll-box" style="text-align: left;overflow-y:scroll;min-width:280px;width:auto;max-width:600px;display: -webkit-flex;display: flex;" id="left">
                        <div id="treeDemo" class="ztree">

                        </div>
                    </div>
                    <!-- 左侧区域end -->
                    <!-- 右侧区域start -->
                    <div class="scroll-box" id="right" style="border-left: solid 0px #ededed;overflow-y:auto;padding-right:20px;padding-left:20px;flex:1;">
                        <input type="hidden" name="id" value="0">
                        <input type="hidden" name="pid" value="0">


                        <div class="layui-form-item">
                            <label class="layui-form-label">机构名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="name" readonly style="background-color: #ededed;color: red;font-weight: bold;" placeholder="请选择左侧机构" autocomplete="off" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">负责人姓名</label>
                            <div class="layui-input-block">
                                <input type="text" name="leader" placeholder="请输入负责人 " autocomplete="off " class="layui-input ">
                            </div>
                        </div>

                        <div class="layui-form-item ">
                            <label class="layui-form-label ">联系电话</label>
                            <div class="layui-input-block ">
                                <input type="text " name="phone" placeholder="请输入电话 " autocomplete="off " class="layui-input ">
                            </div>
                        </div>

                        <div class="layui-form-item ">
                            <label class="layui-form-label ">邮箱（Email）</label>
                            <div class="layui-input-block ">
                                <input type="text " name="email" placeholder="请输入邮箱 " autocomplete="off " class="layui-input ">
                            </div>
                        </div>

                        <div class="layui-form-item ">
                            <label class="layui-form-label ">地址</label>
                            <div class="layui-input-block ">
                                <input type="text " name="address" placeholder="请输入地址 " autocomplete="off " class="layui-input ">
                            </div>
                        </div>

                        <div class="layui-col-lg12  layui-form-text">
                            <div class="layui-form-item">
                                <label class="layui-form-label">备注说明</label>
                                <div class="layui-input-block">
                                    <textarea name="remarks" style="height: 200px;" placeholder='请输入备注说明' autocomplete="off" class="layui-textarea"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">状态</label>
                            <div class="layui-input-block">
                                <input type="checkbox" name="status" checked lay-skin="switch" lay-text="ON|OFF" lay-filter="status">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit="" onclick="saveData()">提交</button>
                            </div>
                        </div>

                    </div>
                    <!-- 右侧区域end -->
                </div>
            </form>
        </div>
    </div>

    <script src="../../../lib/ext/js/jquery-1.4.4.min.js"></script>
    <script src="../../../lib/ext/js/jquery.ztree.core.js"></script>
    <script src="../../../lib/ext/js/jquery.ztree.excheck.js"></script>
    <script src="../../../lib/ext/js/jquery.ztree.exedit.js"></script>
    <script src="../../../js/run.js"></script>
    <script type="text/javascript">
        var webpath = "./script/index.js?v=" + static_version;
        document.write('<scr' + 'ipt src="' + webpath + '"></scr' + 'ipt>');
    </script>
</body>

</html>